<!doctype html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>"三合一"知识产权信息公共服务平台</title>
	<link rel="stylesheet" href="css/nav.css">
	<link rel="stylesheet" href="css/login.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
	<header id="header">
		<div class="center">
			<div class="logo" onclick="window.open('index.html','_self')"></div>
			
			<div class="menu">
			<a href="government.html"><span class="m1" style="border-left:1px solid #d2d1d1;">政务统计</span></a>	
				<!-- <div class="m2" style="left:0px; color: #727171;"><table>
					<tr><td style="border:0; background-color: white;"><a href="#" target="_blank">区县政务监控</a></td></tr>
					<tr><td><a href="government_country.html" target="_blank">一区多园政务监控</a></td></tr>
					
				</table></div>	 -->
			<a href="garden.html"><span class="m1">园区统计</span></a>
			<a href="enterprise.html"><span class="m1">企业统计</span></a>
				<!-- <div class="m2" style="left:262px;"><table>
					<tr><td style="border:0"><a href="#" target="_blank">企业信息查询</a></td></tr>
					<tr><td><a href="#" target="_blank">企业信息监控</a></td></tr>
					
				</table></div> -->
			<a href="news.html"><span class="m1">信息发布</span></a>
		
			</div>
		</div>
	</header>

	<div id="section">
		<div class="side">
			<p class="side_text_chinese" style="padding-top: 100px;">“三合一”</p>
			<p class="side_text_chinese">知识产权信息</p>
			<p class="side_text_chinese">公共服务平台</p>
			<p class="side_text_english">Intellectual</p>
			<p class="side_text_english">Property Information</p>
			<p class="side_text_english">Governmental</p>
			<p class="side_text_english">Platform</p>
		</div>
		<div class="right">
			<div class="register">
				<div class="title">
					<div>用户注册</div>
					<div class="line_circle_left"></div>
					<div class="line_circle_right"></div>
				</div>
				<form action="#.action" method="get" class="form">
					<div class="username">
						<input id="username" type="text" placeholder="用户名" class="input">
						<div id="username_alert" class="alert">
							<div class="mark"></div>
							<span class="text">可以注册</span>
						</div>
						
					</div>
					<div class="username">
						<input id="password" type="password" placeholder="密码" class="input">
						<div id="password_alert" class="alert">
							<div class="mark"></div>
							<span id="password_text" class="text">密码一致</span>
						</div>
					</div>
					<div class="username">
						<input id="passwordAgain" type="password" placeholder="再次确认密码" class="input">
						<div id="passwordAgain_alert" class="alert">
							<div class="mark"></div>
							<span id="passwordAgain_text" class="text">密码一致</span>
						</div>
					</div>
					<div class="username">
						<input id="email" type="text" placeholder="E-mail地址" class="input_long">
						<div id="email_alert" class="alert">
							<div class="mark"></div>
							<span class="text">已填写</span>
						</div>
					</div>
					<div class="username">
						<input id="phone" type="text" placeholder="联系电话" class="input_long">
						<div id="phone_alert" class="alert">
							<div class="mark"></div>
							<span class="text">已填写</span>
						</div>
					</div>
					
					<!-- <input type="text" placeholder="密码" class="input"> -->
					<!-- <div>
						<input type="button" value="登录" class="button">
						<div class="line"></div>
						<input type="button" value="注册" class="button">
					</div> -->
					<input type="button" value="注册" class="button">
				</form>
				<!-- <div class="find">
					<a href="">找回密码>>></a>
				</div> -->
			</div>
		</div>
		
	</div>
	<footer id="footer">
		<div class="mark">Copyright@汉之光华</div>
	</footer>

	<script type="text/javascript">
		$(function(){
			$("#username").blur(function(){
				if ($("#username").val() == ""){
				}else{
					$("#username_alert").css("display", "inline");
				}
			});

			$("#password").blur(function(){
				if ($("#password").val() == ""){
				}else{
					$("#password_alert").css("display", "inline");
				}
			});

			$("#passwordAgain").blur(function(){
				if ($("#passwordAgain").val() == ""){
				}else{
					var password = $("#password").val();
					var passwordAgain = $("#passwordAgain").val();
					if (password == passwordAgain){
						$("#passwordAgain_alert").css("display", "inline");
						$("#passwordAgain_text").text("密码一致");
					}else{
						$("#passwordAgain_alert").css("display", "inline");
						$("#passwordAgain_text").text("密码不一致");
					}
					
				}
			});

			$("#email").blur(function(){
				if ($("#email").val() == ""){
				}else{
					$("#email_alert").css("display", "inline");
				}
			});

			$("#phone").blur(function(){
				if ($("#phone").val() == ""){
				}else{
					$("#phone_alert").css("display", "inline");
				}
			});
		})
	</script>
</body>
</html>